@charset "utf-8";
/* CSS Document */





body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D6D6D6;
	background: url(images/page_bg.gif) scroll;
}

p {
	line-height: 22px;
	margin: 0 0 15px 0;
}



form {
	margin: 0px;
	padding: 0px;
}

input {
}

a {	
	color: #0099CC;
	text-decoration: none;
	cursor: pointer;
	
}



a:hover {
	color: #042d80;
}

a:focus, object, input:focus, select:focus, option:focus  {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #6f952c;
}

h1 {
	font-size: 34px;
	font-weight: normal;
	color: #333;
	margin: 0 0 15px 0;
}

h2, h2 a {
	font-size: 20px;
	font-weight: normal;
	color: #555;
	margin: 10px 0 15px 0;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 5px 0 15px 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	margin: 5px 0 25px 0;
	line-height: 20px;
}

h5 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin: 5px 0 10px 0;
	line-height: 20px;
}


h6, h6 a {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin: 0;
	line-height: 20px;
}




ul {
	line-height: 22px;
}

ol {
	line-height: 22px;
}

li {
}

td, th {
	vertical-align: top;
}

/****** GENERIC ******/

.clear {
	clear: both;
}

br.clear,
div.clearDiv {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clearLeft {
	clear: left
}

.clearText {
	display: block;
	text-indent: -999999em;
}

.rowEnd {
	margin-right: 0 !important;
}

.rowStart {

}

.collapse p {
	margin: 0;
}
.collapse {
	margin: 1px 0 10px 0;
}



/**************** FORMS */
.inputText input,
.inputText select,
.inputText option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333;
}

.inputText {
	padding-left: 5px;
	display: block;
}

.inputText .inputBg {
	padding: 0 5px 0 0;
	display: block;
	height: 32px;
}

.inputText .inputBg input {
	border: 0px none;
	background: none;
	height: 15px;
	width: 150px;
	margin: 7px 0 0 0;
}

.inputText select {
	border: 0px none;
	margin-top: 6px;
}

div#bottomContainer .inputText {
	background: #fff url(../images/form/input_left_br.gif) no-repeat left top;
	float: left; 
	margin-left: 10px;
	width: 157px;
}

div#bottomContainer .inputText .inputBg {
	background: url(../images/form/input_right_br.gif) no-repeat right top;
}

div#bottomContainer .submitImage {
	float: right;
	margin: 2px 0 0 0;
}

div.boxDarkGreen .inputText {
	background: #fff url(../images/form/input_left_dgr.gif) no-repeat left top;
}

div.boxDarkGreen .inputText .inputBg {
	background: url(../images/form/input_right_dgr.gif) no-repeat right top;
}

div.boxDarkGreen .inputText .inputBg select {
	width: 150px;
	height: 20px;
}

/*======================================================= LAYOUT */
div.container {
	width: 950px;
	text-align:center;
	
	
	
}

/**************** HEADER */
div#header {
	width: 900px;
	text-align: right;
	margin: 0 auto;
	height: 95px;
	background:   url('images/logo2.png') no-repeat left ;
	
}


div#headerright {
	color:#333;
	text-align:left;
	float:right;
	padding: 40px 0 0 0;
	line-height: 20px;
}




/******side nav**/

div#sidenavi
{   text-align:left;
	float: left;
	width: 200px;
	margin: 0 0 0 0;
	background-color: #45a1ff;
	
	/*display: inline; */
}



ul.sidenav {
	
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	list-style: none;
	border-bottom: 1px solid #63b1ff; /*--Bevel Effect--*/
	border-top: 1px solid #0b559f; /*--Bevel Effect--*/
	font-size: 1.2em;
}
ul.sidenav li {
	
	float: left;
	margin: 0;
	padding: 0;
}
ul.sidenav li a{
	font-size: 13px;
	font-weight:bold;	
	border-top: 1px solid  #63b1ff; /*--Bevel Effect--*/
	border-bottom: 1px solid  #0b559f; /*--Bevel Effect--*/
	padding: 8px 0px 8px 35px;
	display: block;
	color: #fff;
	text-decoration: none;
	width: 165px;
	background:   #006edd url(images/sidenav_a.gif) no-repeat 5px 10px;
	
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
}
ul.sidenav li a:hover {
	background-color: #015ebd;
	border-top: 1px solid  #024588;
}

ul.sidenav li a:active {
	background-color: #00000;
	
}
/**Side Nav*******/

/*Drop down********/


*{outline: none;}
img {border: 0;}


.contain {
	width: 953px;
	padding: 0;
	margin: 0 auto;
	
}





/***** recent news ***/




div#recentnews {
	width: 650px;
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size:11px;
	font-weight:bold;
	line-height: 15px;
}

div#recentnews .topheader
{  
margin: 0 ;
	padding: 8px 0 8px 20px;
	background-color: white;
	 font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px;	
	color: white;
    text-shadow: 2px 2px 1px #000;	
background: #0251ac; /* Old browsers */
background: -moz-linear-gradient(top, #0251ac 50%, #012d68 50%, #012d68 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0251ac), color-stop(50%,#012d68), color-stop(100%,#012d68)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* IE10+ */
background: linear-gradient(to bottom, #0251ac 50%,#012d68 50%,#012d68 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0251ac', endColorstr='#012d68',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	/* Borders */
	border: 1px transparent;
    -moz-box-shadow:inset 0px 0px 1px transparent;
	-webkit-box-shadow:inset 0px 0px 1px transparent;
	box-shadow:inset 0px 0px 1px transparent;
}

div#recentnews .body

{	height:300px;
	padding: 0;
	margin: 0;
	background-color: white;
	 font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor:default;
	font-size:14px;	
	text-shadow: none;	
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	/* Borders */
	border-top:none;
	border: 1px solid transparent;
	 -webkit-box-shadow: 0px 2px 3px 0px  #999999;
    -moz-box-shadow: 0px 2px 3px 0px #999999;
    box-shadow: 0px 2px 3px 0px #999999;
}


/***** recent news ***/






/******************CONTENT*/
div#contentbig
{	
	width: 900px;
	margin: 0 auto;
	
	
	
	}



div#contentwelcome
{	padding: 15px 0;
	float: left;
	width: 680px;
	height: 370px;
	margin: auto;
	background-color:none;
	}


div#subcontent
{	 font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	cursor:default;
	font-size:13px;	
	color: #333;
	float: left;
	width: 878px;
	padding: 10px;
	overflow:hidden;
	background: white;
	
	
	/* Borders */
	border-top:none;
	border: 1px solid transparent;
	 -webkit-box-shadow: 0px 0px 3px 0px  #999999;
    -moz-box-shadow: 0px 0px 3px 0px #999999;
    box-shadow: 0px 0px 3px 0px #999999;
	}
	
	
div#subcontentright
{	float: right;
	padding-right: 25px;
	width: 630px;
	text-align:justify;
	
	}


div#subcontentright ul.blue
{	margin: 0;
	padding: 0;
	
	
	}	

		
div#subcontentright ul li.blue
{	margin: 0;
	font-size: 12px;
	font-weight:bold;	
	padding-left: 20px;
	display: block;
	text-decoration: none;
	background:url(images/sidenav_li_a.gif) no-repeat 0px 3px;
	
	}	
	
	
	
	
	
	
.form_message_success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #DCFFB9;
	display: block;
	padding: 10px;
	border: 2px solid #390;
}

.form_message_fail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #FFE1E1;
	display: block;
	padding: 10px;
	border: 2px solid #F00;
}


div#subcontent .b2
{
	color: #000099;
	font-weight:bold; 
	font-size:13px;
	padding-bottom:0px;
	text-align:left;
}

div#subcontent .required
{
	color: #F00;
	
}



div#subcontent form input,
div#subcontent  form select,
div#subcontent  form textarea {
	width:300px;
	vertical-align: text-top;
    margin-bottom: 10px;
	padding: 3px 5px;
    color:  black;

    background: #dee4e7;
	border-width: 1px;
	border-style: solid;
  	border-color: #b8b8b8 #EBEBEB #EBEBEB #b8b8b8;
	font: 13px Helvetica, Arial, Sans-serif;
 -moz-box-shadow:inset 0 3px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, .1);
}

div#subcontent form textarea {
    height:100px;
    margin-bottom: 0;
}

div#subcontent form input:focus,
div#subcontent form select:focus,
div#subcontent form textarea:focus {
	background: white ;
	color:  black;
}

div#subcontent form input.button {
	width: 100px;
   	height: 38px;
	margin: 5px 50px;
	background: #0054a6;
    border: 1px solid #002157;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);

    box-shadow: 0px 1px 1px rgba(0,0,0,0.4), inset 0 1px 0 #2e7cc9;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4), inset 0 1px 0 #2e7cc9;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4), inset 0 1px 0 #2e7cc9;
}

div#subcontent form input.button:hover {
	width: 100px;
   	height: 38px;
	margin: 5px 50px;
	background: #014a92;
    border: 1px solid #002157;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);

    box-shadow: 0px 1px 1px rgba(0,0,0,0.4), inset 0 1px 0 #0366c7;
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4), inset 0 1px 0 #0366c7;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4), inset 0 1px 0 #0366c7;
}


div#subcontent .tablebig
{

border:#0099FF 2px solid;

}

div#subcontent .table1
{
background-color:#e9eef5;
border-bottom: #43b4ff 1px solid;
border-top: #FFFFFF 1px solid;
border-right: #43b4ff 1px solid;

}

div#subcontent .table
{
	padding: 20px;
background-color: #72b7fb;
border: #e9eef5 1px solid;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 -webkit-box-shadow: 0px 2px 3px 0px  #999999;
    -moz-box-shadow: 0px 2px 3px 0px #999999;
    box-shadow: 0px 2px 3px 0px #999999;
}

div#subcontent label
{	padding-top: 4px;
	color: black;
font-weight: bold;
display: block;
float: left;
width: 100px;

}


div#subcontent .line
{
padding-left: 30px;
background:url(images/line.jpg) repeat-x top;
}

div#subcontent .title
{
	color: #009;  
	font-size:24px;
	text-transform:uppercase;
	padding:0; 
	 margin: 0;
	 display:block;
 	text-align:left; 
 	font-weight:normal;
}

div#subcontent .title2
{
	color: black; 
	font-weight:bold;
	text-transform:uppercase; 
	font-size:14px;
	text-align:left;
	padding: 0; 
 	margin-bottom:5px;
}




div#contentproduct
{
	float: left;
	width: 570px;
	text-align: justify;
	padding: 0;
	background-color:#FFFFFF;

}



div#content1
{
	float: left;
	width: 570px;
	text-align: justify;
	padding: 0 0 0 10px;
	background-color:#FFFFFF;
}



/*******side menu***/

div#newsheader 
{   	
text-align:left;
	float: right;

	padding: 0 0 0 5px;
	/*display: inline; */
	
	
}

div#newsheader2 
{   	
text-align:left;
	float: left;
	height: 300px;
	padding: 5px 0px 0 5px;
	/*display: inline; */
	
	
}



div#newsheader .topheader, div#newsheader2 .topheader
{  
margin: 0 ;
	padding: 8px 0 5px 0px;
	background-color: white;
	 font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px;	
	color: white;
	text-align: center;
    text-shadow: 2px 2px 1px #000;	
background: #0251ac; /* Old browsers */
background: -moz-linear-gradient(top, #0251ac 50%, #012d68 50%, #012d68 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0251ac), color-stop(50%,#012d68), color-stop(100%,#012d68)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* IE10+ */
background: linear-gradient(to bottom, #0251ac 50%,#012d68 50%,#012d68 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0251ac', endColorstr='#012d68',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	/* Borders */
	border: 0px transparent;
    -moz-box-shadow:inset 0px 0px 1px transparent;
	-webkit-box-shadow:inset 0px 0px 1px transparent;
	box-shadow:inset 0px 0px 1px transparent;
}

div#newsbg
{  

 text-align:left;
	float: left;
	
	/*display: inline; */
}

div#newsheader .body, div#newsheader2 .body
{	
	padding: 0;
	margin: 0;
	background-color: white;
	 font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor:default;
	font-size:14px;	
	text-shadow: none;	
	background: white;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/* Borders #012d68 */
	border-top:none;
	border: 0px solid transparent;
	 -webkit-box-shadow: 0px 2px 3px 0px  #999999;
    -moz-box-shadow: 0px 2px 3px 0px #999999;
    box-shadow: 0px 2px 3px 0px #999999;
}





div#news

{   
text-align:left;
	float: left;
	width: 210px;
	padding: 0;
	/*display: inline; */
}


div#news2

{   
text-align:left;
	float: left;
	width: 180px;
	
	/*display: inline; */
}




div#newsheader ul, div#newsheader2 ul
{
padding: 0;
margin: 0;
list-style: none;
}


div#newsheader ul li a, div#newsheader2 ul li a
{
	font-size: 12px;
	font-weight:bold;	
	padding: 3px 20px 3px 40px;
	display: block;
	text-decoration: none;
	vertical-align:middle;
	background:url(images/newsheadericon.gif) no-repeat 18px 9px #FFFFFF  ;

}


div#newsheader ul li a:hover, div#newsheader2 ul li a:hover, div#newsheader2 ul li a:hover, div#newsheader2 ul li a.selected,div#newsheader2 ul li a:active
{
	background: url(images/newsheadericonhover.gif) no-repeat 18px 9px #0099CC   ;
	color:#FFF;
 	}

div#newsheader2 ul li a.drop
{
	background: url(images/newsheadericondown.gif) no-repeat 18px 9px #0099CC   ;
	color:#FFF;
 	}


div#newsheader2 ul ul li a
{
	font-size: 12px;
	font-weight:bold;	
	padding: 3px 20px 3px 55px;
	display: block;
	text-decoration: none;
	vertical-align:middle;
	background: no-repeat 40px 9px #FFF ;
	color: #000 ;

}

 div#newsheader2 ul ul li a.selected,  div#newsheader2 ul ul li a:hover
{	padding: 3px 20px 3px 55px;
	background:url(images/newsheadericonhoverblack.gif) no-repeat 40px 9px #FFF ;
	color:#000 ;
}

div#newsheader2 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
padding: 6px 0 0 0;
border: none;
}




/***co-products **/

div#co-products
{ 	
	float: left;
	text-align: left;
	width: 900px;
	padding: 10px 0 10px 0px;
	
	
	
	/*padding: 10px 0 0 50px; */
}


div#co-products .title
{
	
	 /*margin: 0 ;
	padding: 0px 0 5px 5px;
	background-color: transparent;
	font: Arial, Helvetica, sans-serif ;
	font-weight: bold;
	text-transform: capitalize;
	font-style: inherit;
	font-size:12px;	
	color: #0054a6 ; */
	
padding: 8px 0 8px 20px;
	background-color: white;
	 font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px;	
	color: white;
    text-shadow: 2px 2px 1px #000;	
background: #0251ac; /* Old browsers */
background: -moz-linear-gradient(top, #0251ac 50%, #012d68 50%, #012d68 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0251ac), color-stop(50%,#012d68), color-stop(100%,#012d68)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0251ac 50%,#012d68 50%,#012d68 100%); /* IE10+ */
background: linear-gradient(to bottom, #0251ac 50%,#012d68 50%,#012d68 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0251ac', endColorstr='#012d68',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	/* Borders */
	border: 1px transparent;
    -moz-box-shadow:inset 0px 0px 1px transparent;
	-webkit-box-shadow:inset 0px 0px 1px transparent;
	box-shadow:inset 0px 0px 1px transparent;

}



div#co-products a:hover img {
	border: 1px solid transparent;
	vectical-align: middle;
}

div#co-products .sliderbg
{  
	padding: 10px 15px 5px 15px;
	margin-bottom: 0;
	background-color: white ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* Borders  */
	border-top:none;
	border: 1px transparent #012d68;
    -moz-box-shadow:0px 1px 1px 1px #999999;
	-webkit-box-shadow:0px 1px 1px 1px #999999;
	box-shadow:0px 1px 1px 1px #999999;
	
	
}





/**************** NAV */
li#navFace a {
	width: 61px;
	background-position: 0px top;
}
li#navFace a:hover,	li#navFace a.active { background-position: 0px bottom; }

li#navBody a {
	width: 69px;
	background-position: -61px top;
}
li#navBody a:hover,	li#navBody a.active { background-position: -61px bottom; }

li#navHair a {
	width: 62px;
	background-position: -130px top;
}
li#navHair a:hover,	li#navHair a.active { background-position: -130px bottom; }

li#navPack a {
	width: 75px;
	background-position: -192px top;
}
li#navPack a:hover,	li#navPack a.active { background-position: -192px bottom; }

li#navCare a {
	width: 136px;
	background-position: -267px top;
}
li#navCare a:hover,	li#navCare a.active { background-position: -267px bottom; }

li#navMySu a {
	width: 107px;
	background-position: -403px top;
}
li#navMySu a:hover,	li#navMySu a.active { background-position: -403px bottom; }

li#navKids a {
	width: 76px;
	background-position: -510px top;
}
li#navKids a:hover,	li#navKids a.active { background-position: -510px bottom; }

/**************** BANNER */
div#bannerContainer {
	height: 400px;
	width: 100%;
}

div#banner {
	height: 400px;
	width: 100%;
}

div#noFlashContainer {
	padding-top: 50px;
}

div#noFlash {
	width: 500px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	background: #F6F6E6;
}

/**************** BOTTOM */
div#bottomContainer {
	background: #412720 url(../images/bg/btm-bg.gif) repeat-x center bottom;
	height: 70px;
}

div#bottomContainer div.container {
	padding: 15px 0 0 0;
	color: #fff;
}

div#bottomContainer img {
	float: left;
	padding: 5px 20px 0 0;
}

div#bottomContainer p {
	float: left;
	width: 360px;
	margin: 0;
	line-height: 18px;
}


div#bottomContainer form.formSubscribe {
	float: right;
	width: 385px;
	text-align: right;
	padding: 5px 0 0 0;
}


/**************** FOOTER */
div#footerContainer {
	background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding: 3px 0 0 0; 
	text-align: left;
	width: auto;
	color: #3399ff;
	border: 0.5px solid transparent;
	 -webkit-box-shadow: 0px 3px 3px 0px #4a4a4a ;
    -moz-box-shadow: 0px 3px 3px 0px #4a4a4a;
    box-shadow: 0px 3px 3px 0px #4a4a4a;
	
	
	
}

div#footerContainer div.container {
	color:  #3399ff;
	font-size: 11px;
	width: 900px;
	height:55px;
	padding: 0;
	margin: 0 auto;
}

div#footerContainer h5 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 1px;
	color: #3399ff;
}

div#footerContainer h1 {
	font-weight: bold;
	font-size: 15px;
	line-height: 10px;
	margin-bottom: 5px;
	color:#3399ff;
}


div#footerContainer li ,
div#footerContainer p {
	line-height: 20px;
	margin: 0;
}

div#footerContainer a {
	color: #3399ff;
	line-height: 20px;
	text-decoration: none;
}

div#footerContainer a:hover {
	color: white;
	text-decoration: none;
}

div#footerContainer div.column {
	float: left;
	width: 520px;
	padding: 0 0 0 30px;
	text-align:left;
}

div#footerContainer div.columnLeft{

	
}


div#footerContainer div.columnLeft ul {
	list-style: none;
	margin: 0 5px 20px 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 130px;
	
}



div#footerContainer div.columnRight {
	float: left;
	width: 310px;
	text-align: right;
	padding-right: 40px;
	
}

div#footerContainer img {
	padding-right: 0px ;
	vertical-align: middle;
}

 #footerContainer center {
	color: #666;
}


/**************** PAGE */
div#pageContainer {
	background: url(../images/bg/page-btm.gif) no-repeat right bottom;
	padding-bottom: 40px;
}

div#page {
}

div#pageContainer div.pageSide {
	float: left;
	width: 200px;
	/*padding: 30px 0 0 0;*/
	padding: 0;
}

div#pageContainer div.pageMain {
	float: right;
	width: 700px;
	padding: 30px 0 0 0;
}

/**************** SIDE */
div.sideHeader {
	border-bottom: 1px solid #7bc0b9;
	height: 40px;
	background: #50ABA2;
}

div.sideHeader h3 {
	margin: 0;
	padding: 10px 10px 0 20px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

div#pageContainer div.pageSide div.boxLightGreen,
div#pageContainer div.pageSide div.boxDarkGreen,
div.boxContent {
	width: 200px;
	color: #fff;
}

/******** BOX - LIGHT GREEN */
div.boxLightGreen {
	margin: 0 0 20px 0; 
}

div.boxLightGreen div.subMenu {
	background: #50aba2 url(../images/bg/side-ftr_l-gr.gif) no-repeat center bottom;
}

/******** BOX - DARK GREEN */
div.boxDarkGreen {
	margin: 20px 0; 
	background: #367e76 url(../images/bg/side-ftr_d-gr.gif) no-repeat center bottom;
}

div#pageContainer div.boxDarkGreen {
	margin: 0 0 20px 0; 
}

div.boxDarkGreen div.boxContent {
	font-size: 11px;
	padding: 0 20px 20px 20px;
	width: 160px;
}

div.boxDarkGreen div.boxContent p {
	margin: 0 0 10px 0;
}

/******** BOX - QUOTE */
div.boxQuote {
	margin: 20px 0 40px 0;
}

div.boxQuote p {
	margin: 0;
	font-size: 11px;
	line-height: 18px;
}

div.boxQuote .quote ,
div.boxQuote .quoteSmaller {
	font-size: 18px;
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #747474;
	line-height: 26px;
	display: block;
}

div.boxQuote .quoteSmaller {
	font-size: 14px;
	line-height: 22px;
}

div.pageSide div.boxQuote {
	margin-top: 160px;
}

div.pageSide div.boxQuote .quote {
	font-size: 22px;
	line-height: 26px;
}


/**************** SIDE MENU */
div.subMenu {
	padding: 0 0 25px 0;
}

div.subMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.subMenu ul a {
	display: block;
	_height: 13px; /* ie */
	background-color: #50aba2;
	line-height: 13px;
	padding: 9px 20px 11px;
	border-bottom: 1px solid #80c2bc;
	color: #fff;
	text-decoration: none;
	background-position: 0px 15px;
	background-repeat: no-repeat;
}

div.subMenu ul li.hasSub a {
	background-image: url(../images/icons/arrow_sm_wh-gr_nav.gif);
}
div.subMenu ul li.hasSub.active a {
	background-image: url(../images/icons/arrow_sm_wh-gr_nav-up.gif);
}

div.subMenu ul li.hasSub.active ul a ,
div.subMenu ul li.hasSub ul a {
	background-image: none;
}

div.subMenu ul .hasSub.active a {
	background-color: #50aba2;
}

div.subMenu ul a:hover ,
div.subMenu ul .active a,
div.subMenu ul ul li.active a ,
div.subMenu ul .hasSub.active li.active a,
div.subMenu ul .hasSub.active a:hover {
	background-color: #367e76;
	color: #fff;
	text-decoration: none;
}


div.subMenu ul ul a {
	padding: 9px 20px 11px 40px;
	background-image: none;
}

/**************** POPUP */
body.Popup div.container {
	width: 640px;
}

body.Popup div#topContainer {
	padding: 25px 0 15px 0;
}

body.Popup div#pageContainer {
	padding: 25px 0 15px 0;
}

body.Popup div#bottomContainer {
}


/*======================================================= SPECIFIC */
h1#logo {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#breadcrumb {
	font-size: 11px;
	color: #a1a981;
	padding: 10px 0;
	line-height: 15px;
}

div#breadcrumb a { /*link*/
	color: #a1a981;
	text-decoration: none;
}

div#breadcrumb a:hover { 
	color: #333;
}

div#breadcrumb span { /*divider*/
	padding: 0 10px;
}

div#breadcrumb strong { /*active*/
	font-weight: bold;
}


/******************** HOME */
body.Home {
}

div#homeContainer {
	background: url(../images/bg/page-btm.gif) no-repeat right bottom;
	padding: 0 0 80px 0;
}

div.homeColumn {
	position: relative;
	z-index: 99;
	float: left;
	width: 310px;
	padding: 20px 0 0 0;
/*	height: 200px; */
}

div.homeColumn p {
	margin: 5px 0;
	line-height: 18px;
}

div.homeColumn div.contentImage {
	position: absolute;
	margin-top: 0;/*-40px;*/
	right: 0px;
	width: 105px;
	text-align: right;
	float: right;
}

div.homeColumn div.contentText {
	width: 175px;
	float: left;
}

div.homeColumn div.contentBg {
	background-repeat: no-repeat;
	background-position: top right;
}

div.homeColumn h4  {
	margin: 0 0 5px 0;
}

div.homeColumn h4 a {
	display: block;
}

/*div.homeColumn h2 {
	font-size: 20px;
	font-weight: normal;
	color: #555;
	margin: 10px 0 15px 0;
}*/

div#homeContainer div.homeColumn.columnLeft {
	background: url(../images/calls/call-bg_difference.jpg) no-repeat right top;
}

div#homeContainer div.homeColumn.columnLeft p {
	width: 190px;
}

div#homeContainer div.homeColumn.columnMid {
	background: url(../images/calls/call-bg_sustainability.jpg) no-repeat right top;
	width: 300px;
	padding-left: 20px;
}

div#homeContainer div.homeColumn.columnMid p {
	width: 200px;
}

div#homeContainer div.homeColumn.columnRight {
	width: 290px;
	padding-left: 20px;
	/*height: 1%;
	overflow: hidden;*/
}

div#homeContainer div#homeFeatured {
	padding: 0;
}

div#homeContainer div#homeFeatured div.contentBg {
	padding: 20px 0 0 20px;
}

/********* PRODUCT SLIDER */
div#productSlider {
	position: relative;
	overflow: hidden;
	height: 200px;
}

div#productSlider ul.categoryList {
	position: relative;
}

div#productSlider ul.categoryList li {
	width: 260px;
	padding: 0 10px;
	float: none;
	position: absolute;
	background: #fff;
}

div#productSlider ul.categoryList li div.content {
	margin: 5px 0 0 115px;
}

div#productSlider div.sliderControls {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 100;
}

div#productSlider div.sliderControls a {
	display: none;
	/*display: block;*/
	width: 17px;
	height: 17px;
	float: left;
	margin-left: 5px;
}

div.sliderControls a#sliderNext {
	background: url(../images/btns/arrow-circle_med_wh-gr-r.gif) no-repeat right top;
}

div.sliderControls a#sliderPrev {
	background: url(../images/btns/arrow-circle_med_wh-gr-l.gif) no-repeat left top;
}

div.sliderControls a#sliderNext:hover,
div.sliderControls a#sliderPrev:hover {
	background-position: center bottom;
}

div#homeContainer ul.categoryList li {
	width: 290px;
}

div#homeContainer ul.categoryList li.rowEnd {
	margin: 0;
}

/********************** CATEGORY */
body.Category div#pageContainer div.pageSide {
	padding: 30px 0 0 0;
}

ul.categoryList {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.categoryList li {
	float: left;
	margin: 0 0 20px 0;
	width: 340px;
	/*height: 140px;*/
}

ul.categoryList li div.image {
	float: left;
}

ul.categoryList li div.content {
	margin: 5px 0 0 105px;
}

div.categoryListWide ul.categoryList li div.content {
	margin: 5px 0 0 205px;
}

ul.categoryList li div.content h4 {
	margin: 0 0 10px;
}

ul.categoryList li div.content p {
	margin: 5px 0 15px 0;
	line-height: 20px;
}

ul.categoryList li div.content h6, 
ul.categoryList li div.content h6 a {
	margin: 0;
	font-weight: normal;
}

ul.categoryList li.rowStart {
	clear: both;
	padding-right: 16px; 
}

ul.categoryList li.rowEnd {
}

#homeContainer ul.categoryList li div.image {
	float: right;
	margin-top: -30px;
}

#homeContainer ul.categoryList li div.content {
	margin: 0 105px 0 0;
}

#homeContainer ul.categoryList li div.content h4 {
	width: 140px;
}

/*
#homeContainer ul.categoryList li div.content h4 {
	margin: 0;
}

#homeContainer ul.categoryList li div.content p {
	margin: 0;
	line-height: 16px;
	font-size: 11px;
}*/


/********************* PRODUCT */
body.Product div#pageContainer div.pageSide {
	/*padding: 0;*/
}

body.Product div#pageContainer div.pageMain {
	padding: 25px 0 0 0; 
}

p.prodShortDesc {
	font-size: 14px;
	font-weight: bold;
	/*margin: 25px 0 15px 0;*/
	margin: 0 0 15px 0;

}

div#pageContainer div.pageMain div.columnLeft {
	float: left;
	width: 380px;
}

div#pageContainer div.pageMain div.columnRight {
	float: right;
	width: 300px;
}

div.ingredients {
	padding: 0 0 15px 0;
}

div.ingredients div.collapse {
	margin: 0;
}

div.ingredients div.collapse p {
	padding: 0 0 10px 0;
}

div.ingredients a.collapseLink {
	font-size: 12px;
}

div.ingredients p {
	font-size: 11px;
	line-height: 18px;
}

a.sukinDiff {
	margin: 40px 0 20px 0;
	display: block;
	height: 100px;
	width: 270px;
	background: url() no-repeat right top;
}

a.sukinDiff:hover {
	background-position: right bottom;
}

/********* ICON LIST */
ul.iconList {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.iconList li {
	float: left;
	width: 55px;
	height: 55px;
	margin: 0 10px 10px 0;
}

/********* STOCKIST */
table.stockistTable {
	border: 0;
	margin-bottom: 50px;
	width: 100%;
}

table.stockistTable td ,
table.stockistTable th {
	padding: 10px 5px;
	vertical-align: top;
	border-bottom: 1px #E4DFE1 solid;
}

table.stockistTable th {
	text-align: left;
	background: #eee;
	padding: 10px 5px;
	border-bottom: none 0;
}

table.stockistTable .phone {
	width: 100px;
}

/*********************** FORM **********************/
.generalForm .formClear {
	clear: both;
	height: 0px;
	font-size: 0;
	line-height: 0;
}

/* row */
.generalForm .formItem {

}
.generalForm .formItem.medium {
	float: left;
	width: 300px;
	margin-right: 10px;
}
.generalForm .formItem.full {
	clear: left;
	width: 620px;
}

/* label */
.generalForm .formLabel {
	display: block;
	line-height: 25px;
}
.generalForm .formLabel .mandatory {
	color: red;
	padding-left: 5px;
}

/* tip */
.generalForm .formItem .tip {
	font-size: 11px;
	display: block;
	color: #888;
}
.generalForm .medium.name .tip {
	width: 145px;
	float: left;
	margin: 0 5px 5px 0;
}


/* field sizes */
.generalForm .formField {
}
.generalForm .short .formField {
	width: 150px;
}
.generalForm .medium .formField {
	width: 280px;
}
.generalForm .medium.name .formField {
	width: 132px;
	float: left;
	margin-right: 5px;
}
.generalForm .medium select.formField {
	width: 292px;
}
.generalForm .long .formField {
	height: 80px;
}

.generalForm .full .formField {
	width: 590px;
}

/* inputs */
.generalForm .formField {
	width: 95%;
	border: 1px #ccc solid;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
.generalForm input.formField {
	height: 15px;
}
.generalForm select.formField {
	height: 28px;
}

/* buttons */
.generalForm .formEnd {
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
}

.generalForm .formEnd p {
	margin: 5px 0;
}

div#footerContainer div#socialMedia {
	text-align: left;
	padding-top: 10px;
}

div#footerContainer div#socialMedia a img {
	vertical-align: middle;
	padding: 0;
	
}






/* BULLET LIST ACCORDIAN MENU*/

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Verdana;
color: white;
background: #003366 repeat-x bottom left;
border-bottom: 1px solid #00CCFF;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/

padding: 6px 0 6px 10px; /*header text is indented 10px*/


}

.arrowlistmenu  a.openheader:hover{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/silvergradientover.gif);

}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/silvergradientover.gif);
border-bottom: none;
color: white; 
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #003399;
background: #CCCCCC url(images/sidenav_li_a.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #0099FF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


/* glossy menu */

.glossymenu{
padding: 0;
width: 200px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #CCCCCC ;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 6px 0;
padding-left: 10px;
text-decoration: none;
border: #006699 1px solid;


}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: 0;
}

.glossymenu a.menuitem:hover{
background: #C0C0C0;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{

border-bottom: 1px solid #0099FF;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 13px ;
color: #003399;
text-decoration: none;
padding: 1px 0;
padding-left: 25px;
background: #EEEEEE url(images/sidenav_li_a.gif) no-repeat center left  ;

}

.glossymenu div.submenu ul li a:hover{
background: white url(images/sidenav_li_a.gif) no-repeat center left;
color: #A70303 ;
}

.glossymenu div.submenu ul li a:visited{
color:  #0099FF;
}


/* glossy menu */






/* END OF CSS */